@charset "UTF-8";/* CSS Document */
html{font-size:14px;overflow-x:hidden;}
body{color:#666;font-size:1rem;overflow-x:hidden}
a:active,a:hover{color:#d82821;}
img{width:auto;max-width:100%;}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1);}
.text-red{color:#d82821;}
.bg-red{background:#d82821;}
/*表单样式*/
form{display:block;margin-top:0em;}
.form-group{margin-bottom:1.5rem;}
label{display:inline-block;margin-bottom:0.5rem;}
.form-control{display:block;width:100%;padding:0.7rem 1.375rem;font-size:1rem;line-height:1;color:#666;background-color:#ffffff;background-clip:padding-box;border:1px solid #ced4da;border-radius:2px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
select.form-control:not([size]):not([multiple]){height:2.8rem;}
select.form-control{min-width:6rem;padding:.4375rem 1rem;border:1px solid #d4d4d4;color:#666;border-radius:0;}
.form-group .file-upload-default{visibility:hidden;position:absolute;}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;}
.input-group > .form-control:not(:last-child),.input-group > .custom-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}
.form-group .file-upload-info{background:transparent;}
.input-group > .form-control,.input-group > .custom-select,.input-group > .custom-file{position:relative;flex:1 1 auto;width:1%;margin-bottom:0;}
/*表单结束*/
/*logo样式*/
.toplogo{clear:both;height:100px;}
.logo{height:38px;margin-top:2.1rem;color:#000;}
.logo h6{position:relative;top:-5px;line-height:1.2;left:5px;}
.logo span{position:relative;top:.7rem;padding-left:.5rem;font-size:.875rem}
.logo img{height:100%;width:auto;}
/*顶部电话*/
.rel{background:url(Images/icon1.png) left center no-repeat;background-size:contain}
.rel p{margin-left:4rem;line-height:1.2}
/*顶部快捷导航*/
.topnav{line-height:40px;background:#ebebeb;}
/*导航样式*/
.navbar{background:#c60c16;}
.navbar-menu{width:100%;}
.navbar-menu li{float:left;width:14.285%;line-height:4rem;position:relative;text-align:center;}
.navbar-menu li a{width:100%;display:inline-block;font-size:1.2rem;position:relative;font-weight:bold;color:#fff;}
.navbar-menu li.active a,.navbar-menu li a:hover,.navbar-menu li.current-menu-item{color:#fff;background:#262626;}
.navbar-menu li.active a:before,.navbar-menu li a:hover:before{content:"";width:100%;height:8px;background:#262626;position:absolute;top:-5px;left:0;}
.navbar-menu li:last-child{padding-right:0;}
.navbar-menu li ul{display:none;position:absolute;min-width:100px;background:#333333;left:0;z-index:900;top:4rem;margin:0;line-height:1;padding:10px 0;width:100%;}
.navbar-menu li ul li{width:100%;height:100%;position:relative;font-size:14px;text-align:center;line-height:30px;}
.navbar-menu li ul li a{width:100%;padding:.5rem 0;font-weight:normal;}
.navbar-menu li ul li:hover a{color:#c60c16;}
.navbar-menu li ul li a:before{display:none;}
@media all and (min-width:1024px) {
    .navbar-menu li:hover ul{display:block;}
}
.navbar-bg{position:fixed;width:100%;display:none;opacity:0;height:100%;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:899;top:0;left:0;}
.navbar-bg .active{display:inline-block;}
.navbar-bg.active{display:block;opacity:1;}
.navbar-toggle{line-height:4.5rem;font-size:1.8rem;height:4.5rem;text-align:center;}
/*幻灯样式*/
.slider-container{clear:both;position:relative;height:400px;top:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;}
.slider-control{z-index:2;position:absolute;top:0;width:12%;height:100%;will-change:opacity;opacity:0;font-family:"FontAwesome";z-index:300;}
.slider-control:before{position:absolute;top:50%;margin-top:-50px;width:50px;height:50px;color:#fff;text-align:center;font-size:5rem;opacity:0;filter:alpha(opacity=0);}
.slider-control.inactive:hover{cursor:auto;}
.slider-control:not(.inactive):hover{opacity:1;cursor:pointer;}
.slider-control.left{left:0;background:-webkit-linear-gradient(left,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%);}
.slider-control.left:before{left:15%;content:"\f104";}
.slider-control.right{right:0;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);}
.slider-control.right:before{left:inherit;right:15%;content:"\f105";}
.slider-control:hover.left:before,.slider-control:hover.right:before{opacity:1;filter:alpha(opacity=100);}
.slider-pagi{position:absolute;z-index:3;left:50%;bottom:2rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:0;list-style-type:none;z-index:200;}
.slider-pagi__elem{position:relative;display:inline-block;vertical-align:top;width:1rem;height:1rem;margin:0 0.4rem;border-radius:50%;border:2px solid #fff;cursor:pointer;}
.slider-pagi__elem:before{content:"";position:absolute;left:50%;top:50%;width:.4rem;height:.4rem;background:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);}
.slider-pagi__elem.active:before,.slider-pagi__elem:hover:before{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}
.slider{z-index:1;position:relative;height:100%;z-index:100;}
.slider.animating{will-change:transform;}
.slider.animating .slide__bg{will-change:transform;}
.slide{position:absolute;top:0;width:100%;height:100%;overflow:hidden;}
.slide.active .slide__overlay,.slide.active .slide__text{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.slide__bg{position:absolute;top:0;left:-50%;width:100%;height:100%;background-position:center;background-size:cover;will-change:transform;}
.slide:nth-child(1){left:0;}
.slide:nth-child(1) .slide__bg{left:0;}
.slide:nth-child(2){left:100%;}
.slide:nth-child(2) .slide__bg{left:-50%;}
.slide:nth-child(3){left:200%;}
.slide:nth-child(3) .slide__bg{left:-100%;}
.slide:nth-child(4){left:300%;}
.slide:nth-child(4) .slide__bg{left:-150%;}
.slide:nth-child(5){left:400%;}
.slide:nth-child(5) .slide__bg{left:-200%;}
.slide:nth-child(6){left:500%;}
.slide:nth-child(6) .slide__bg{left:-250%;}
.slide:nth-child(7){left:600%;}
.slide:nth-child(7) .slide__bg{left:-300%;}
.slide:nth-child(8){left:700%;}
.slide:nth-child(8) .slide__bg{left:-350%;}
.slide:nth-child(9){left:800%;}
.slide:nth-child(9) .slide__bg{left:-400%;}
/*---end---*/
/*大标题样式*/
.heading{position:relative;margin:0 0 2rem 0}
/*查看更多*/
.Lmore{display:inline-block;width:150px;height:38px;font-size:1rem;text-align:center;line-height:38px;margin:1rem auto;background:#c60c16;}
.Lmore a{color:#fff;}
/*产品中心*/
.prodlist ul li{float:left;margin-left:-1px;margin-bottom:-1px;width:25%;}
.prodbox{position:relative;border:1px solid #ddd;}
.prodbox:hover .prodimg img{margin-left:-5px;}
.prodbox .prodimg{height:200px;overflow:hidden;display:flex;justify-content:center;align-items:Center;}
.prodbox p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:1.5rem;padding-right:1.5rem;}
.prodbox .Lmore{position:absolute;bottom:-2.6rem;left:50%;margin-left:-77px;}
.prodclass .title{background:#c60c16;color:#fff;padding:1.4rem 2.5rem;}
.prodclass ul li{padding:0 2.5rem;line-height:3.95rem;border-bottom:1px solid #ddd;position:relative}
.prodclass ul li:hover{background:#f5f5f5;}
.prodclass ul li:last-child{border-bottom:0;}
.prodclass ul li:after{font-family:'FontAwesome';content:"\f105";position:absolute;right:2.5rem;opacity:0;}
.prodclass ul li:hover{padding-left:3.2rem;}
.prodclass ul li:hover:after{opacity:1}
/*关于我们*/
.about{background:#f5f5f5;}
/*新闻中心*/
.Ntitle{position:relative;padding-left:15px;font-size:1.3rem;line-height:1;margin-bottom:1rem;}
.Ntitle:after{content:'';width:6px;height:100%;background:#d82821;position:absolute;left:0;}
.Icontact,.newslist{height:315px;}
.newslist{padding:1rem 1.8rem}
.newslist ul li{line-height:220%;}
.newslist ul li span{color:#a5a5a5;margin-right:10px;}
.Icontact ul li{color:#5a5a5a;line-height:3rem;font-size: 0.92rem;}
.Icontact ul li i{width:28px;height:28px;text-align:center;line-height:25px;border:2px solid #d82821;color:#d82821;border-radius:50%;margin-right:10px;}
/*友情链接*/
.flink{overflow:hidden;margin-left:80px;line-height:180%;margin-top:-2px;}
.flink a{margin:0 15px 0 0;}
/*底部样式*/
.footerbg{background-color:#262626;}
.footer{color:#d8d8d8;padding:2.5rem 0;}
.footer p{line-height:200%}
.footer a{color:#d8d8d8;margin:0 .8rem;}
/*---end---*/
/*在线客服*/
.online-service{position:fixed;right:0;top:25%;z-index:500}
.serviceS,.serviceH .Lfont{width:40px;height:120px;background:#d82821;position:absolute;right:0;top:100px;color:#fff;text-align:center;padding:10px;line-height:140%;font-weight:bold;font-size:1.05rem;}
.serviceH{width:240px;position:absolute;right:-240px;top:0;}
.serviceH .Lfont{right:inherit;left:0;}
.serviceH .Rfont{float:left;margin-left:40px;width:200px;background:#fff;min-height:400px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.serviceH .stitle i,.serviceH ul li.title i{font-size:20px;top:2px;position:relative}
.serviceH ul{padding:1rem 1.2rem}
.serviceH ul li{padding:.3rem 0;}
.serviceH ul li.title{border-bottom:1px solid #ddd;margin:.3rem 0 .6rem;font-weight:bold;color:#d82821;}
.serviceH ul li.title i{font-size:17px;}
.serviceH ul li img{width:140px;}
.online-service:hover .serviceS{right:-40px}
.online-service:hover .serviceH{right:0}
/*返回顶部*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:12px;right:12px;overflow:hidden;width:50px;height:50px;border:none;text-indent:-9999px;background:url(../css/images/ui.totop.png) no-repeat left top;background-size:cover;z-index:190;border-radius:50%;}
#toTop:hover{background:url(../css/images/ui.totop.png) no-repeat left -50px;background-size:cover;}
/*响应式样式*/
@media all and (max-width:1199px){h6{font-size:1.3rem}
h4{font-size:1.8rem}
.toplogo{height:5.5rem;padding:0;}
.logo{height:2rem;margin-top:1.8rem;}
.logo h6,.toplogo strong{font-size:1.1rem;}
.logo h6 p{font-size:.9rem;}
.rel{margin-top:1.4rem}
.rel p{margin-left:3rem;line-height:1.2;}
.navbar{height:3.8rem;padding:0 1.2rem;}
.navbar-menu li,.navbar{height:3.8rem;line-height:3.8rem;}
.slider-container{height:300px;}
.slider-control,.slider-control:before{opacity:1;}
.slider-control.left,.slider-control.right{background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);}
.topnav{padding:0 1.2rem;}
.footer{padding:2rem 0;}
.product,.news{padding:2rem 2.5rem;}
.prodlist{margin:0;}
.prodbox .prodimg{height:160px;}
.prodclass .title{padding-top:1.1rem;padding-bottom:1rem;}
.prodclass ul li{line-height:3.4rem;}
.Lmore{width:125px;}
.about .container{padding:2rem 2.5rem}
.about .col-xs-12 p,.about .col-xs-12 h6{padding:.3rem 0}
.about .col-xs-12 .col-xs-12{padding:0;}
.about .Lmore{margin-bottom:0;}
.newslist .line-height-1-5{height:3rem;overflow:hidden;}
.Icontact ul{padding:1rem 0;}
.Icontact ul li{font-size:.913rem;}
.flinklist{padding-bottom:2rem;}
}
@media all and (max-width:1024px){.navbar-menu li a{font-size:1rem;}
}
@media all and (max-width:992px){.slider-container{height:280px;}
.display-hidden{display:block;}
.topnav{display:none;}
header{background:#000;}
header .logo{float:right;}

.navbar-toggle{float:left;left:1.4rem;position:absolute;top:.4rem;color:#fff;}
    header .navbar-toggle.active, header .logo.active {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    header .navbar-toggle.active, header .logo.active {
        transform: translateX(260px);
        z-index: 9999;
    }
     header .navbar-toggle::before{content:"\f0c9";font-family:"FontAwesome";}
         header .navbar-toggle.active::before{content:"\f00d";font-family:"FontAwesome";}
.navbar,.navbar-header{height:1px;border:0;}

.navbar *,.navbar *:after,.navbar *:before{transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
.navbar-menu{position:fixed;top:0;left:-260px;width:260px;background:#3c3c3c; height:100vh;overflow-x:hidden;z-index:900;margin:0;padding:1rem 0;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.navbar-menu.active{left:0}
.navbar-menu li{width:100%;height:auto;line-height:45px;padding:0;border-bottom:1px solid #dcdcdc;}
.navbar-menu li a{text-align:left;padding:0 2.5rem;color:#fff;}
.navbar-menu li.active a,.navbar-menu li:hover a{background-color:transparent;color:#666;}
.navbar-menu li.active a{color:#d82821;}
.navbar-menu li.active a:before,.navbar-menu li a:hover:before{display:none;}
.navbar-menu  ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;}
    .navbar-menu ul li .arrow::after {
        content: "";
        font-family: FontAwesome;
        content: "\f067";
        display: block;
        font-weight: bold;
        font-size: 14px;
        color: #eee;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
.navbar-menu  ul li .arrow.active::after{content:"\f068";}
.navbar-menu li a:after{color:#ccc;position:absolute;right:2.2rem;}
    .navbar-menu li ul {
        min-width: 100%;
        position: inherit;
        border-radius: 0;
        box-shadow: 0 0 0;
        top: 0;
        left: 0;
        padding: 0;
        background-color: transparent;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        height: 0;
    }
.navbar-menu li ul.active{display:block;height:auto;}
.navbar-menu li ul li{line-height:35px;text-align:left;padding-left:3.4rem;background:rgba(0,0,0,.02);border-bottom:0;border-top:1px solid #dcdcdc;}
.navbar-menu li ul li:hover{background-color:transparent;}
.footer{padding:1.2rem 0;}
.heading{margin-bottom:1rem;}
.product .col-sm-12{padding:0;}
.prodclass{border:0;}
.prodclass .title,.product .Ntitle{display:none;}
.prodclass ul li{float:left;border:0;padding:0 2rem 0 0;line-height:200%}
.prodclass ul li:hover{padding-left:0;background-color:transparent;}
.prodclass ul li:after{display:none;}
.about .container{padding:2rem 2.3rem;}
.about .col-xs-12:last-child{padding-left:1.5rem;padding-right:0;}
.about .col-xs-12 p{font-size:14px;line-height:1.6}
.newslist ul li span,.newslist .line-height-1-5{display:none;}
.about .col-xs-12 .col-xs-12{padding:0;}
}
@media all and (max-width:541px){h4{font-size:1.6rem;}
.slider-control{display:none;}
.slider-container{height:160px;}
.slider-pagi{bottom:1rem;}
.toplogo{height:4.5rem;}
.logo{height:1.6rem;margin-top:1.5rem}
.navbar-toggle{top:0;}
.footer{padding:1rem 0;}
#toTop{width:40px;height:40px;}
#toTop:hover{background:url(../css/images/ui.totop.png) no-repeat left -40px;background-size:cover;}
.about .col-xs-12:last-child{padding:1rem 0;}
.about .col-xs-12.text-right{text-align:center;}
.about .container{padding-bottom:0;}
.prodclass ul li{padding-right:1rem;}
.prodlist ul li{width:50%;}
.news .col-xs-12{padding:0;}
.news .col-xs-12.Icontact,.news .col-xs-12.newslist{height:auto;padding:1.5rem;}
.news .col-xs-12.newslist{margin-bottom:1.5rem;}
.Icontact img{width:100%;}
.Icontact ul{padding-bottom:0;}
}
@media all and (min-width:542px) and (max-width:741px){}
@media all and (max-width:320px){}